/*
 * Author:林俊烽;
 * layout css.
 */
 body
 {
 	font-family: 微软雅黑;
 	font-size: 14px;
 	margin: 0;
 	padding: 0;
 	background: #f1f3ea;
 	overflow-y: scroll;
 	overflow-x: hidden;
 }

 #layout-head::after, #layout-middle::after, #layout-footer::after, #body::after,
 #layout-head:after, #layout-middle:after, #layout-footer:after, #body:after
 {
 	visibility: hidden;
 	content: " ";
 	font-size: 0;
 	height: 0;
 	clear: both;
 	display: block;
 	zoom: 1;
 }

 #layout-head
 {
 	padding: 0px 0;
 	min-height: 100px;
 	vertical-align: top;
 	margin-top: 0px;
 }

 #layout-head #logo
 {
 	display: block;
 	width: 300px;
 	float: left;
 	text-align: right;
 	margin-top: 0;
 }

 #layout-head #title
 {
 	margin: 40px;
 	float: left;
 }

 #layout-head #title h1
 {
 	display: block;
 	float: left;
 	margin: 0;
 }

 #layout-head #title h2
 {
 	display: block;
 	font-size: 16px;
 	color: #666;
 	margin: .2em 0;
 }

 #layout-head #title h2 span
 {
 	font-size: small;
 	color: #888;
 }

 #layout-head #user-info
 {
 	display: block;
 	float: right;
 	margin: 40px;
 }

 #layout-head #user-info img,
 #layout-head #user-info div
 {
 	display: inline-block;
 	vertical-align: top;
 }

 #layout-head #user-info p
 {
 	margin: 3px;
 }

 #layout-middle
 {
 	padding: 0;
 }

 #layout-left
 {
 	float: left;
 	width: 200px;
 	min-height: 500px;
 }

 #layout-body
 {
 	background-color: white;
 	max-height:450px;
 	margin-left: 191px;
 	margin-right: 40px;
 	border-radius: 10px;
 	padding: 30px 20px;
 	box-shadow: -2px 2px 10px #888;
 }

 #body
 {
 	float: left;
 	padding: 0;
 	width: 100%;
 }

 .body-logo img
 {
 	margin-top: -50px;
 	width: 90px;
 	height: 90px;
 }

 #layout-left:after, #layout-body:after
 {
 	content: '.';
 	display: block;
 	height: 0;
 	line-height: 0;
 	visibility: hidden;
 	zoom: 1;
 	clear: both;
 }

 #layout-footer
 {
 	clear: both;
 	font-size: 15px;
 	color: #666;
 	padding: 0px;
 	vertical-align: bottom;
 	float: right;
 	margin-right: 40px;
 }

 #layout-footer img
 {
 	height: 25px;
 	width: 25px;
 }

